<template>
  <div class="other">
    <p>此商品入选了网易员工精选好物！ <span>发现更多  ></span></p>
    <p>邮费 
      <span>免邮,自营仓发货</span>
      <span>></span>
      <span>
        <span>促销</span>
        <span>下单抽手机</span>
        <span>赢取iPone12!</span>
        <span>全场换购</span>
        <span>低至3.2折超值换购</span>
        <span>></span>
      </span>
    </p>
    
  </div>
</template>

<script>
export default {
  name: "Other",
  data() {
    return {};
  },
};
</script>

<style scoped>
  .other{
    background-color: #F4F4F4;
    width: 100%;
    height: 1rem;
     
  }
  .other>p:nth-child(1){
    text-indent: 0.15rem;
    height: 0.38rem;
    line-height:0.38rem ;
    background-color:#3897F1;
    font-size: 0.14rem;
    color: white;
    margin-top: 0.1rem;
  }
  .other>p:nth-child(1)>span{
    float: right;
    margin-right: 0.15rem;
  }
  .other>p:nth-child(2){
    text-indent: 0.15rem;
    height: 1rem;
    padding-bottom: 0.47rem;
    background-color:white;
    line-height: 0.4rem;
    font-size: 0.14rem;
    color: gray;
  }
  .other>p:nth-child(2)>span:nth-child(1){
    color: black;
    display: inline-block;
    text-indent: 0.06rem;
    font-size: 0.14rem;
  }
  .other>p:nth-child(2)>span:nth-child(2){
    float: right;
    margin-right: 0.15rem;
    color: black;
  }
  .other>p:nth-child(2)>span:nth-child(3){
    display: block;
    width: 3.60rem;
    height: 0.6rem;
    position: relative;
    left: 0.15rem;
    border-top: 0.01rem solid gray;
  }
  .other>p:nth-child(2)>span:nth-child(3)>span{
    position:absolute;
    font-size: 0.14rem;
  }
  .other>p:nth-child(2)>span:nth-child(3)>span:nth-child(1){
    left: -0.15rem;
  }
  .other>p:nth-child(2)>span:nth-child(3)>span:nth-child(2){
    left: 0.22rem;
    color: red;
  }
  .other>p:nth-child(2)>span:nth-child(3)>span:nth-child(3){
    left: 0.95rem;
    color: black;
  }
  .other>p:nth-child(2)>span:nth-child(3)>span:nth-child(4){
    left: 0.22rem;
    top: 0.23rem;
    color: red;
  }
  .other>p:nth-child(2)>span:nth-child(3)>span:nth-child(5){
    left: 0.8rem;
    top: 0.23rem;
    color: black;
  }
  .other>p:nth-child(2)>span:nth-child(3)>span:nth-child(6){
    right: 0.15rem;
    top: 0.1rem;
    color: black;
  }


</style>